widgets.brease.RadialGauge

Widget Description

short: Zeigerinstrument rund
de: Zeigt einen numerischen Wert in einem Zeigerinstrument mit optionaler Skala an
en: Displays a numeric value in a radial gauge with an optional scale

Properties

name description category type defaultValue bindable readOnly required localizable editableBinding projectable cssProp (has no setter and getter in JS) groupRefId groupOrder nodeRefId (for linking node and value) deprecated typeRefId (for StyleReference) subtype (for MpComIdentReference)
enable Initial option to enable widget. Behavior Boolean true true false false false false true
format NumberFormat for every measurement system. Appearance brease.config.MeasurementSystemFormat {'metric':{ 'decimalPlaces' : 1, 'minimumIntegerDigits' : 1 }, 'imperial' :{ 'decimalPlaces' : 1, 'minimumIntegerDigits' : 1 }, 'imperial-us' :{ 'decimalPlaces' : 1, 'minimumIntegerDigits' : 1 }} true false false false false true
majorTicks Number of major Ticks. Appearance UInteger 5 false false false false false true
maxValue Maximum value for gauge pointer to display. Behavior Number 100 false false false false false true
minValue Minimum value for gauge pointer to display. Behavior Number 0 false false false false false true
minorTicks Number of minor Ticks. Appearance UInteger 1 false false false false false true
node Display value. Data brease.datatype.Node true false false false false true
permissionOperate restricts operability to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
permissionView restricts visibility to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
range Sets the range of the Needle Behavior UNumber 270 false false false false false true
scaleArea0 Start of first scale area. A scale area is shown as a background color behind the minor and major ticks. Defined in percent of the whole scale. Data Number 0 true false false false false true scaleArea0Node
scaleArea0Node Start of first scale area. A scale area is shown as a background color behind the minor and major ticks. Include unit and limits. Data brease.datatype.Node true false false false false true
scaleArea1 End of first scale area. A scale area is shown as a background color behind the minor and major ticks. This value is also used as start of the second scale area. Defined in percent of the whole scale. Data Number 20 true false false false false true scaleArea1Node
scaleArea1Node End of first scale area. A scale area is shown as a background color behind the minor and major ticks. This value is also used as start of the second scale area. Defined in percent of the whole scale. Data brease.datatype.Node true false false false false true
scaleArea2 End of second scale area. A scale area is shown as a background color behind the minor and major ticks. This value is also used as start of the third scale area. Defined in percent of the whole scale. Data Number 40 true false false false false true scaleArea2Node
scaleArea2Node End of second scale area. A scale area is shown as a background color behind the minor and major ticks. This value is also used as start of the third scale area. Defined in percent of the whole scale. Data brease.datatype.Node true false false false false true
scaleArea3 End of third scale area. A scale area is shown as a background color behind the minor and major ticks. This value is also used as start of the fourth scale area. Defined in percent of the whole scale. Data Number 60 true false false false false true scaleArea3Node
scaleArea3Node End of third scale area. A scale area is shown as a background color behind the minor and major ticks. This value is also used as start of the fourth scale area. Defined in percent of the whole scale. Data brease.datatype.Node true false false false false true
scaleArea4 End of fourth scale area. A scale area is shown as a background color behind the minor and major ticks. This value is also used as start of the fifth scale area. Defined in percent of the whole scale. Data Number 80 true false false false false true scaleArea4Node
scaleArea4Node End of fourth scale area. A scale area is shown as a background color behind the minor and major ticks. This value is also used as start of the fifth scale area. Defined in percent of the whole scale. Data brease.datatype.Node true false false false false true
scaleArea5 End of fifth scale area. A scale area is shown as a background color behind the minor and major ticks. Defined in percent of the whole scale. Data Number 100 true false false false false true scaleArea5Node
scaleArea5Node End of fifth scale area. A scale area is shown as a background color behind the minor and major ticks. Defined in percent of the whole scale. Data brease.datatype.Node true false false false false true
scaleAreaInPercent If true, the values set in the scale areas are interpreted in percent (from 0 to 100%). If false, the values are not intepreted as precent, so they can be set in the range between minValue and maxValue. Behavior Boolean true false false false false false true
showUnit Determines if the unit is displayed. Behavior Boolean false false false false false false true
startAngle Start angle of the whole scale in degree. Appearance UNumber 225 false false false false false true
style reference to a style for this widget type Appearance StyleReference default true false false false false true
tabIndex sets if a widget should have autofocus enabled (0), the order of the focus (>0), or if autofocus should be disabled (-1) Behavior Integer -1 false false false false false true
text Text displayed next to the unit. There is a fixed maximum size and if the text exceeds the limit it will simply be cut off. Appearance String false false false true false true
tooltip reference to a tooltip for a widget Appearance String false false false true false true
transitionTime Sets the animation Duration of the Needle Behavior UInteger 500 false false false false false true
unit Unit code for every measurement system. Appearance brease.config.MeasurementSystemUnit true false false false false true
value Display value. Data Number 0 true false false false false true node
visible change visibility Behavior Boolean true true false false false false true
maxHeight maximum outer height of widget Size 0 false false false true true
minHeight minimum outer height of widget Size 0 false false false true true
maxWidth maximum outer width of widget Size 0 false false false true true
minWidth minimum outer width of widget Size 0 false false false true true
zIndex The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
 UInteger no defaultValue
defined		 false false true true true
left absolute position measured from left boundary of parent container Integer no defaultValue
defined		 false false false true true
top absolute position measured from top boundary of parent container Integer no defaultValue
defined		 false false false true true
height outer height of widget Size 200 false false false true true
width outer width of widget Size 200 false false false true true

Styleable Properties

name type description defaultValue
borderWidth PixelVal

Sets the border width of the widget. For further information, please see its type

 0px
borderColor ColorCollection

Sets the border color of the widget. For further information, please see its type

 #000000
borderStyle BorderStyle

Style of the Border

 solid
backColor Color

Sets the background color of the widget

 #FFFFFF
shadow Shadow

Shadow of the Widget

 none
margin Margin

Margin of the Widget

 0px
backGroundGradient Gradient

Background as a gradient
backGround ImagePath

Sets the path to an image to set it as background of the widget
backColorScaleArea1 Color

Sets the color background of the first scale area

 transparent
backColorScaleArea2 Color

Sets the color background of the second scale area

 transparent
backColorScaleArea3 Color

Sets the color background of the third scale area

 transparent
backColorScaleArea4 Color

Sets the color background of the forth scale area

 transparent
backColorScaleArea5 Color

Sets the color background of the fifth scale area

 transparent
pointerBackColor Color

Sets the background color of the pointer

 #FFFFFF
pointerPathColor Color

Sets the border color of the pointer

 #000000
pointerPathWidth PixelVal

Sets the border width of the pointer

 1px
textColor Color

Sets the color of the displayed text

 #000000
fontSize PixelVal

Sets the height of the displayed text

 10px
fontName FontName

Sets the font name of the displayed text

 Arial

Events

name description arguments
Click Fired when element is clicked on.
  • origin: String

    id of widget that triggered this event

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

DisabledClick Fired when disabled element is clicked on.
  • origin: String

    id of widget that triggered this event

  • hasPermission: Boolean

    defines if the state is caused due to missing roles of the current user

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

EnableChanged Fired when operability of the widget changes.
  • value: Boolean

    operability

FocusIn Fired when the widgets gets focus
FocusOut Fired when the widgets lost focus
OnDragEnter Fired when element has onDragEnter.
  • contentId: String

    content id of the widget that has been entering the droppable widget

  • widgetId: String

    id of the widget that has been entering the droppable widget

OnDragLeave Fired when element has OnDragLeave.
  • contentId: String

    content id of the widget that has been leaving the droppable widget

  • widgetId: String

    id of the widget that has been leaving the droppable widget

OnDrop Fired when element has OnDrop.
  • contentId: String

    content id of the widget that has been dropped on the droppable widget

  • widgetId: String

    id of the widget that has been dropped on the droppable widget

VisibleChanged Fired when the visibility of the widget changes.
  • value: Boolean

    visibility

Actions

name description arguments result
Focus Sets focus on the widget element, if it can be focused and keyboardOperation=true
SetEnable Sets the state of property «enable»
  • value: Boolean

SetStyle
  • value: StyleReference

SetValue Sets value
  • value: Number

SetVisible Sets the state of property «visible»
  • value: Boolean

ShowTooltip